.ys-popover{
    /*此为标记*/
}
.ys-popover-box{
    position: fixed;
    top:30px;
    background-color: #fff;
    box-shadow:0 0 10px #c9c9c9;
    padding: 8px 15px;
    color:#000;
    max-width: 300px;
    display: none;
    z-index: 9999;
}
.ys-popover-box.ys-popover-left:before{
    position: absolute;
    content: '';
    right: -10px;
    top:50%;
    margin-top:-10px;
    border-top:10px solid transparent!important;
    border-bottom: 10px solid transparent!important;
    border-left: 10px solid #fff;
}
.ys-popover-box.ys-popover-right:before{
    position: absolute;
    content: '';
    left:-10px;
    top:50%;
    margin-top:-10px;
    border-top:10px solid transparent!important;
    border-bottom:10px solid transparent!important;
    border-right:10px solid #fff;
}
.ys-popover-box.ys-popover-top:before{
    position: absolute;
    content: '';
    bottom: -10px;
    left:50%;
    margin-left:-10px;
    border-left:10px solid transparent!important;
    border-right:10px solid transparent!important;
    border-top:10px solid #fff;
}
.ys-popover-box.ys-popover-bottom:before{
    position: absolute;
    content: '';
    top: -10px;
    left:50%;
    margin-left:-10px;
    border-left:10px solid transparent!important;
    border-right:10px solid transparent!important;
    border-bottom:10px solid #fff;
}
.ys-popover-box.ys-bg-red:before{
    border-color:#ff3030;
}
.ys-popover-box.ys-bg-orange:before{
    border-color:#ff7f00;
}
.ys-popover-box.ys-bg-green:before{
    border-color:#14AE68;
}
.ys-popover-box.ys-bg-navy:before{
    border-color:#2f4f4f;
}
.ys-popover-box.ys-bg-blue:before{
    border-color:#00b2ee;
}
.ys-popover-box.ys-bg-black:before{
    border-color:#282828;
}
.ys-popover-box.ys-bg-gray:before{
    border-color:#e9e9e9;
}
.ys-popover-tit+.ys-popover-content{
    padding-bottom: 10px;
}
.ys-popover-content{
    padding:0 0 0 0;
    line-height: 26px;
}
.ys-popover-box .ys-tit-sm{
    font-weight: bold;
}